.panel
{ width: 792px;
  height: 154px;
  border: 15px solid #E9E4C7;}
  
  /*!
 * Ext JS Library 3.4.0
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
}
a {
    color:#fff;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/**#header {
    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
}*/
#header h1 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}
#header h3 {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px 5px 5px;
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
}
#details-panel h2 {
    padding:10px 10px 0;
    font-size:12px;
    color:#15428B;
}
#details-panel p {
    padding:10px 10px 0;
}
#details-panel pre {
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    margin-top:10px;
    padding:0 5px;
    background:#f5f5f5;
}
#details-panel .details-info {
    margin:15px;
    padding:15px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
}
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #DFE8F6 url(../../resources/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
}
.custom-accordion .x-panel-body{
    background:#ffe;
    text-align:center;
}
.custom-accordion .x-panel-body p {
    font-family:georgia,serif;
    padding:20px 80px !important;
    font-size:18px;
    color:#15428B;
}
.custom-accordion .x-panel-header-text {
    font-weight:bold;
    font-style:italic;
    color:#555;
}
.bold-accordion .x-panel-header-text {
    font-weight:bold;
}
#form-panel .x-panel-footer {
    background:#DFE8F6;
    border-color:#99BBE8;
    border-style:none solid solid;
    border-width:0pt 1px 1px;
}
#table-panel .x-table-layout {
    padding:5px;
}
#table-panel .x-table-layout td {
    vertical-align:top;
    padding:5px;
    font-size: 11px;
}
.icon-send {
    background-image:url(images/email_go.png) !important;
}
.icon-save {
    background-image:url(images/disk.png) !important;
}
.icon-print {
    background-image:url(images/printer.png) !important;
}
.icon-spell {
    background-image:url(images/spellcheck.png) !important;
}
.icon-attach {
    background-image:url(images/page_attach.png) !important;
}
.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #C2D6EF;
    border-left:1px solid #C2D6EF;
    border-bottom:1px solid #99BBE8;
    margin:-5px -4px 0;
}
.inner-tab-custom .x-border-layout-ct {
    background: #fff;
}
.legend {
	font-family:georgia, sans-serif; 
	font-size:1.1em; 
	font-weight:bold; 
	border:3px solid #fff; 
	margin-bottom:5px; 
	padding:3px; 
	width:254px; 
	background:#fff url(images/form.gif) repeat-x center left;
}
  
  
  
  
  
*{ 
  /* important especially for form elements */
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
}

body{
  color: #000;
  background-color: #fff;
  font-family: "Arial", "Verdana", sans-serif, "helvetica";
  font-size: 9.5pt;
  padding: 0;
  margin: 1ex 0;
}

.s7{
  font-size: 7pt;
}

.s8{
  font-size: 8pt;
}

h1{
  font-size: 18pt;
  font-weight: normal;
}

h2{
  font-size: 13pt;
  font-weight: normal;
  margin: 3ex 0 2ex 0;
}

h3{
  font-size: 10.5pt;
}


.listing{
  font-size:9.5pt;
  white-space: nowrap;
}

.listing big{
  font-size: 11pt;
}

.listing small{
  padding: 0 0.6em 0 0.6em;
  font-size: 7pt;
  color: #888888;
  background-color: #e8e8e8;
}

.listing small a{
  color: #888888;
}

.listing strong{
  font-weight: normal;
}

.listing strong a{
  color: #008000;
}

.listing strong a:link, .listing strong a:visited{
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.listing strong a:hover{
  border-bottom: 1px solid Blue;
  text-decoration: none;
}


.listing em{
  font-style: normal;
}

.listing em a{
  color: #555555;
}

.listing em a:link, .listing em a:visited{
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.listing em a:hover{
  border-bottom: 1px solid Blue;
  text-decoration: none;
}

.listing i{
  padding: 0 0.6em 0 0.6em;
  font-style: normal;
  font-size: 7pt;
  color: #008000;
  background-color: #e8e8e8;
}

.listing i a{
  border: 0;
  color: #008000;
}

a:link{
  color: Blue;
}

a:visited{
  color: Blue;
  border-top: 1px solid #dddddd;
}

a.clean{
  text-decoration: none;
}


.search{
  margin: 0;
  border: 1px solid #258ace;
  padding: 0;
  background: #fff;
  white-space: nowrap;
}

input[type="submit"]::-moz-focus-inner{
   border: 0;
   padding: 0;
}

.text:focus, .button:focus{
   outline: 0;
}

.text, .button{
  margin: 0;
  background: #fff;
  vertical-align: middle;
}

.text{
  border: 0;
  padding: 0 0.5em;
  color: #000;
  background: #fff;
}


.button{
  border: 2px solid #fff;
  padding_: 0 13px 0 31px;
  padding: 0 1em;
  color: #fff;
  background: #258ace;
  height: 24px;
  font-weight: bold;
}

.button:hover{
  background: #359ade;
  font-weight: bold;
}

.button:active{
  color: #ddf;
  font-weight: bold;
}


#ma, #mi{
  border-left: 0;
  border-right: 0;
  padding: 0.2ex 2em;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

#ma{
  color: #000;
  background-color: #a8d1f4;
  border-top: 0.5ex solid #258ace;
  border-bottom: 0.5ex solid #a8d1f4;
}

#mi{
  background-color: #ebebeb;
  border-top: 0.5ex solid #ebebeb;
  border-bottom: 0.5ex solid #fff;
}

#mi:hover{
  border-top: 0.5ex solid #bbb;
}